<template>
    <div>
      <CourseNavbar/>
      <div style="background: #F5F5F5;height: 1030px;padding-top: 30px">
        <div id="big">
          <ul>
            <li id="lione"><h4 style="margin: 0">招募中心</h4></li>
            <li id="litwo"><a>讲师招募</a></li>
          </ul>
          <div id="tabulation">
            <div id="title">讲师招募</div>
            <div id="person">
              <p>
                本网站是专注于在线教育内容提供的平台,致力于为用户提供优质的在线教育内容。
                为适应平台的发展和给用户提供更多高质量的内容，我们期待有理想、
                有追求的您能加入我们一起通过互联网无边界的方式进行传播服务到更多努力求知的用户!
              </p>
              <br/>
              <p>讲师权益 </p>
              <p><span>·</span>1、能力变现：技术能力的兑现且收益可持续 </p>
              <p><span>·</span>2、精湛加密：保护你的知识版权 </p>
              <p><span>·</span>3、品牌塑造：帮你打造在线教育领域个人品牌 </p>
              <br/>
              <p>申请条件 </p>
              <p><span>·</span>1、教育行业内2年以上从业经验，自身有丰富的教学知识体系及经验 </p>
              <p><span>·</span>2、拥有过讲师、培训讲师经历 </p>
              <p><span>·</span>3、喜欢在行业内分享心得（写博客，逛论坛等）</p>
              <p><span>·</span>4、参与过知名教育行业峰会讲师 </p>
              <div id="btn"><a @click="applyteacher">申请成为讲师</a></div>
            </div>
          </div>
        </div>
      </div>
      <Bottom></Bottom>
    </div>
</template>

<script>
  import CourseNavbar from '../course/CourseNavBar'
  import Bottom from '@/components/Bottom'
  import qs from 'qs'
    export default {
      name: "Recruit",
      components: {
        Bottom,
        CourseNavbar,
      },
      methods:{
        applyteacher(){
          if(sessionStorage.getItem('uid')!=null){
            let uid = '';
            this.$axios2.get("student/stu/user/slectAll?uid="+sessionStorage.getItem('uid')).then(r=>{
              if (r.data.userType==2){
                this.$message({
                  message: '您已经是讲师了，请不要重复申请',
                  type: 'warning'
                });
              } else{
                window.location.href="/#/ApplyOne";
              }
            })
          }else {
            this.$confirm('请登录后，再申请成为讲师', {
              confirmButtonText: '确定',
              cancelButtonText: '取消',
              type: 'warning'
            }).then(() => {
              window.location.href="/#/login2";
            }).catch(() => {
              this.$message({
                type: 'info',
                message: '请登录'
              });
            });
          }
        }
      }
    }
</script>

<style scoped>
  #big{
    width: 1200px;
    height: 1000px;
    margin:auto;
  }
  #big ul{
    list-style: none;
    padding: 0;
    margin: 0;
    float: left;
  }
  #lione{
    background: white;
    padding: 0 35px;
    width: 98px;
    height: 60px;
    line-height: 60px;
    border-radius: 3px 3px 0 0px;
  }
  #litwo{
    width: 168px;
    height: 40px;
    border-top: 1px solid #F5F5F5;
    background: white;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
  }
  #litwo a{
    text-decoration:none;
    color: red;
  }
  #tabulation{
    width: 1012px;
    background: white;
    float: left;
    margin-left: 20px;
    border-radius: 8px;
  }
  #title{
    width: 1012px;
    height: 100px;
    text-align: center;
    line-height: 100px;
  }
  #person{
    padding: 0 50px 50px 50px;
    line-height: 28px;
    font-size: 14px;
  }
  p{
    margin: 0;
  }
  span{
    margin-right: 50px;
  }
  #btn{
    height: 36px;
    text-align: center;
  }
  #btn a{
    width: 160px;
    height: 36px;
    background: #D51423;
    display: block;
    color: white;
    line-height: 36px;
    border-radius: 8px;
    margin: 10px auto;
    text-decoration:none;
  }
</style>
